<!doctype html>
<html lang="zh-CN">
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>购物车</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/index.css">


    <!--<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"-->
    <!--        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"-->
    <!--        crossorigin="anonymous"></script>-->
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <script src="js/index.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.min.js}"></script>
    <!-- <link href="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.css" rel="stylesheet"> -->
    <script>

    </script>
</head>

<body>
<button    type="submit" id="xgmma">hhhh</button>
<!-- header -->
<!--<div>-->
<!--    <header>-->
<!--        <div class="site-topbar">-->
<!--            <div class="container">-->
<!--                <div class="topbar-nav">-->
<!--                    <a rel="nofollow" href="#">联系我们</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">个人中心</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">我的订单</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">笔记本电脑</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">笔记本</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">游戏本</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">关注商城</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="#" target="_blank">ENGLISH</a>-->


<!--                </div>-->

<!--                <div class="topbar-cart">-->
<!--                    &lt;!&ndash; <div class="topbar-cart topbar-cart-active"> &ndash;&gt;-->
<!--                    <a rel="nofollow" href="#" class="cart-mini">-->
<!--                        <em class="iconfont-cart"></em>-->
<!--                        <em class="iconfont-cart-full hide"></em>购物车-->
<!--                        <span class="cart-mini-num J_cartNum">（0）</span>-->
<!--                    </a>-->
<!--                    <div id="J_miniCartMenu" class="cart-menu " style="height: 0;">-->
<!--                        &lt;!&ndash; <div id="J_miniCartMenu" class="cart-menu " style="height: 100px;"> &ndash;&gt;-->
<!--                        <div class="menu-content">-->
<!--                            <div class="loading hide">-->
<!--                                <div class="loader">-->

<!--                                </div>-->
<!--                            </div>-->
<!--                            <ul id="J_miniCartList" class="cart-list hide"></ul>-->
<!--                            <div id="J_miniCartListTotal" class="cart-total clearfix hide">-->

<!--                            </div>-->
<!--                            <div class="msg msg-error hide">-->
<!--                            </div>-->
<!--                            <div class="msg msg-empty">购物车中还没有商品，赶紧选购吧！</div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="topbar-info">-->
<!--                    <a rel="nofollow" href="javascript:void(0);" class="link">登录</a>-->
<!--                    <span class="sep">|</span>-->
<!--                    <a rel="nofollow" href="javascript:void(0);" class="link">注册</a>-->
<!--                    <span class="sep">|</span><span class="message">-->
<!--                            <a rel="nofollow" href="javascript:void(0);" class="J_needAgreement">消息通知-->
<!--                                <i class="J_miMessageTotal"></i>-->
<!--                            </a>-->
<!--                        </span>-->
<!--                </div>-->
<!--            </div>-->
<!--     </div>&ndash;&gt;-->

<!--     </header>
 </div>
<!-- header -->
<!-- <div class="top-bar">
    <div class="ns-main row">
        <div class="col-xs-2">
            你好！cola
        </div>
        <div class="col-xs-10 top-bar-right">
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>联系我们</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>关注商城</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>游戏本</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>笔记本</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>笔记本电脑</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>我的订单</a></li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li">|</li>
            </ul>
            <ul class="top-bar-right-ul">
                <li class="top-bar-right-li"><a>个人中心</a></li>
            </ul>
        </div>

    </div>
</div> -->
<!-- 列表页 -->
<div class="row ns-main">
    <div class="col-xs-12 ns-header">
        <!-- <h1 class="ns-header-h1"><img src="img/logo.png" class="ns-header-img"></h1>
       <button class="btn btn-default ns-carts" type="submit">我的购物车</button> -->
        <div class="col-xs-12" style="padding-left: 0px;"><img src="imag\logo.png" class="ns-header-img"></div>
        <!-- <div class="col-xs-2" style="padding-right: 0px;"> <button class="btn btn-default ns-carts" type="submit">我的购物车</button></div> -->
    </div>
    <!-- 导航开始 -->
    <div class="col-xs-12 ns-nav">
        <div class="col-xs-2" style="padding-left: 0px;padding-right: 0px;">
            <button type="button" class="btn btn-danger ns-nav-btn">全部商品分类</button>
        </div>
        <div class="col-xs-10">
            <ul class="site-header-nav ">
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="首页">首页</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="笔记本">笔记本</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="轻薄本">轻薄本</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="电竞主机">电竞主机</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="显示器">显示器</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="智潮外设">智潮外设</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="品牌介绍">品牌介绍</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="机油宝典">机油宝典</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="论坛">论坛</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="线下体验店">线下体验店</a>
                </li>
                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="驱动下载">驱动下载</a>
                </li>

                <li class="nav-item">
                    <a class="ns-border-color  " href="https://www.machenike.com" title="售后查询">售后查询</a>
                </li>
            </ul>
        </div>
        <!-- </div> -->

        <!-- 购物车表格开始 -->

        <table width="100%" class="cart table">
            <tr class="cart-head">
                <!-- <th width="8%" class="head-item"><label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox1" value="option1" />全选</label>
                </th> -->
                <th width="50%" class="head-item " style="text-align: left;">
                    <label class="checkbox-inline" style="margin-right: 40%;" onclick="checkall()">
                        <input type="checkbox" id="inlineCheckbox1" value="option1"
                               class="click_all checkboxAll" />全选</label>产品
                </th>
                <th width="5%" class="head-item">本店售价</th>
                <th width="25%" class="head-item">数量</th>
                <th width="10%" class="head-item">小计</th>
                <th width="10%" class="head-item">操作</th>

            </tr>
            <tr th:each="shop,stat:${shoppings}" class="cart-body   selecttrcom" th:id="${shop.id}">
                <td class="body-item">
                    <label class="checkbox-inline checkboxopt "
                           th:onclick="'javascript:itemselect(\''+${shop.id}+'\');'">
                        <input type="checkbox" th:id="'inlineCheckboxn' + ${shop.id}" value="option1"
                               style="float: left;" class="click_all checkboxAll   checkboxitem"  onclick="replaceDoc()" />
                    </label>
                    <div class=" item-pic-left">
                        <img th:src="@{'img/JiXeiShu/'+${shop.mainImage}}">
                    </div>
                    <div class="item-pic-right">
                        <p><a href="javascript:;">[[${shop.cmmodityName}]]</a></p>
                        <p class="mark_cart">[[${shop.subtitle}]]</p>
                    </div>
                </td>
                <td class="body-item">[[${shop.pricecommodity}]]</td>
                <td class="body-item">
                    <!-- <span  id="min" class="reduce " >-</span> -->
                    <div class="count">
                        <form th:action="@{~/shopping/hyphen}" method="post" class="reduce">
                            <!-- <span>—</span> -->
                            <button id="reduce" type="submit" value="-" class="reduce-btn">-</button>
                            <input type="text" th:value="${shop.id}" name="id" hidden>
                            <input type="text" th:value="${shop.num}" name="num" hidden>
                        </form>
                        <p><a href="javascript:;">[[${shop.num}]]</a></p>
                        <form th:action="@{~/shopping/add}" method="post" style="margin-top: 15px !important;">
                            <!-- <span>+</span> -->
                            <input type="text" th:value="${shop.id}" name="id" hidden>
                            <input type="text" th:value="${shop.num}" name="num" hidden>
                            <button id="add" type="submit" value="+" class="reduce-btn"
                                    style="width: 30px;">+</button>
                        </form>
                    </div>
                </td>
                <td class="body-item">[[${shop.pricecommodityAll}]]</td>
                <td>
                    <form th:action="@{~/shopping/delte}" method="post" style="margin-top: 16px !important;">
                        <input type="text" th:value="${shop.id}" name="id" hidden>
                        <button type="submit" class="reduce-btn">删除</button>
                    </form>
                </td>
            </tr>
        </table>
        <div class="col-xs-12 cart-foot">
            <div class="foot-left">
                <div class="cart-check">
                    <label class="cheAllOne" style="font-weight: normal;" onclick="checkall()">
                        <input type="checkbox" id="inlineCheckbox2" name="cheAllOne" class="click_all checkboxAll">
                        全选</label>
                </div>
                <a href="./indexdeleteshop">清除购物车</a>
            </div>
            <div class="foot-right">
                    <span class="foot-text">
                        总价 :<span class="total-price ns-text-color">￥[[${all}]]</span>
                    </span>
                <span class="settlement ns-bg-color" id="total" onclick="compute()"> <a href="./payment"
                                                                                        style="color: white;">去结算</a></span>
            </div>
        </div>
    </div>
    <!-- 列表详情开始 -->
    <div class="col-xs-12 ns-list">
        <div class="col-xs-3 ns-list-item ns-list-item1">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds0.mainImage}}">
            </div>
            <th>
                <p class="p-name">[[${comds0.commodityName}]]</p>
                <p class="p-name">[[${comds1.commodityType}]]</p>
            </th>
            <th>
                <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds0.price}]]</i></strong>
                </div>
            </th>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds0.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>

        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds1.mainImage}}">
            </div>
            <p class="p-name">[[${comds1.commodityName}]]</p>
            <p class="p-name">[[${comds1.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds1.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds1.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds2.mainImage}}">
            </div>
            <p class="p-name">[[${comds2.commodityName}]]</p>
            <p class="p-name">[[${comds2.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds2.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds2.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds3.mainImage}}">
            </div>
            <p class="p-name">[[${comds3.commodityName}]]</p>
            <p class="p-name">[[${comds3.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds3.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds3.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-xs-12 ns-list">
        <div class="col-xs-3 ns-list-item ns-list-item1">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds4.mainImage}}">
            </div>
            <p class="p-name">[[${comds4.commodityName}]]</p>
            <p class="p-name">[[${comds4.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds4.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds4.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds5.mainImage}}">
            </div>
            <p class="p-name">[[${comds5.commodityName}]]</p>
            <p class="p-name">[[${comds5.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds5.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds5.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds6.mainImage}}">
            </div>
            <p class="p-name">[[${comds6.commodityName}]]</p>
            <p class="p-name">[[${comds6.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds6.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds6.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
        <div class="col-xs-3 ns-list-item">
            <div class="p-img">
                <img th:src="@{'img/JiXeiShu/'+${comds7.mainImage}}">
            </div>
            <p class="p-name">[[${comds7.commodityName}]]</p>
            <p class="p-name">[[${comds7.commodityType}]]</p>
            <div class="p-price"><strong class="ns-text-color"><em>￥</em><i>[[${comds7.price}]]</i></strong></div>
            <div class="p-btn">
                <form th:action="@{~/shopping/save}" method="post">
                    <input type="text" th:value="${comds7.id}" name="id" hidden>
                    <button class="btn btn-default" type="submit">加入购物车</button>
                </form>
            </div>
        </div>
    </div>

    <!-- footer部分 -->
    <div class="col-xs-12 ns-footer">
        <div class="col-xs-3 ns-footer-item">
            <p>官方正品</p>
        </div>
        <div class="col-xs-3 ns-footer-item">
            <p>七天包退</p>
        </div>
        <div class="col-xs-3 ns-footer-item">
            <p>闪电配送</p>
        </div>
        <div class="col-xs-3 ns-footer-item">
            <p>售后无忧</p>
        </div>
    </div>
    <!-- <div class="col-xs-12 ns-footer-help">
        <div class="col-xs-7 ns-footer-help-left">
            <div class="col-xs-2 ns-footer-help-left_item">
                <ul class="ns-footer-help-item_ul">
                    <li class="ns-footer-help-item_li help_first">品牌咨询</li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                </ul>
            </div>
            <div class="col-xs-2 ns-footer-help-left_item">
                <ul class="ns-footer-help-item_ul">
                    <li class="ns-footer-help-item_li help_first">品牌咨询</li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                </ul>
            </div>
            <div class="col-xs-2 ns-footer-help-left_item">
                <ul class="ns-footer-help-item_ul">
                    <li class="ns-footer-help-item_li help_first">品牌咨询</li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                </ul>
            </div>
            <div class="col-xs-2 ns-footer-help-left_item">
                <ul class="ns-footer-help-item_ul">
                    <li class="ns-footer-help-item_li help_first">品牌咨询</li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                </ul>
            </div>
            <div class="col-xs-2 ns-footer-help-left_item">
                <ul class="ns-footer-help-item_ul">
                    <li class="ns-footer-help-item_li help_first">品牌咨询</li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                    <li class="ns-footer-help-item_li"><a href="javascript:;">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="col-xs-5 ns-footer-help-right">
            <p class="ns-footer-help-right-top">
            <div class="col-xs-3 ns-footer-help-right_name">官方微博</div>
            <div class="col-xs-3 ns-footer-help-right_name">绑定设备</div>
            <div class="col-xs-3 ns-footer-help-right_name">微信订阅号</div>
            <div class="col-xs-3 ns-footer-help-right_name">机械师抖音</div>
            </p>
            <p class="ns-footer-help-right-bottom">
            <div class="col-xs-3 ns-footer-help-right_img"><img src="imag/icon1.png" /></div>
            <div class="col-xs-3 ns-footer-help-right_img"><img src="imag/icon2.png" /></div>
            <div class="col-xs-3 ns-footer-help-right_img"><img src="imag/icon3.jpg" /></div>
            <div class="col-xs-3 ns-footer-help-right_img"><img src="imag/icon4.png" /></div>
            </p>
        </div>

    </div>
    <div class="col-xs-12 ns-footer-links">
        <span class="ns-footer-links_title">友情链接 : </span>
        <span><a href="javascript:;" class="ns-footer-links_item">游戏加加</a></span>
        <span><a href="javascript:;" class="ns-footer-links_item">极迅加速器</a></span>
        <span><a href="javascript:;" class="ns-footer-links_item">神游网</a></span>
        <span><a href="javascript:;" class="ns-footer-links_item">专业玩家</a></span>
        <span><a href="javascript:;" class="ns-footer-links_item">win10系统</a></span>
    </div>

    <div class="col-xs-12 ns-footer-info">
        <p>Copyright © 2015-2020 机械师商城 版权所有 保留一切权利
            <a href="javascript:;" class="ns-footer-info_a">备案号：鲁ICP备20005952号-2</a>
        </p>
    </div>
    <div class="col-xs-12 ns-footer-img">
        <a href="javascript:;" class="ns-footer-img-item">
            <img src="imag/footer1.jpg" />
        </a>
        <a href="javascript:;" class="ns-footer-img-item">
            <img src="imag/footer2.png" />
        </a>
        <a href="javascript:;" class="ns-footer-img-item">
            <img src="imag/footer3.png" />
        </a>
        <a href="javascript:;" class="ns-footer-img-item">
            <img src="imag/footer4.png" />
        </a>
        <a href="javascript:;" class="ns-footer-img-item">
            <img src="imag/footer5.png" />
        </a>
    </div>
</div> -->
    <!-- footernew -->
    <div>
        <div class="site-footer">
            <div class="container">
                <div style="display: none;" class="footer-service">
                    <ul class="list-service clearfix">
                        <li>
                            <a rel="nofollow" href="#" target="_blank">
                                <em class="iconfont-tool"></em>官方正品
                            </a>
                        </li>
                        <li>
                            <a rel="nofollow" href="#" target="_blank">
                                <em class="iconfont-circle-7"></em>7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a rel="nofollow" href="#" target="_blank">
                                <em class="iconfont-circle-15"></em>15天免费换货
                            </a>
                        </li>
                        <li><a rel="nofollow" href="#" target="_blank">
                            <em class="iconfont-gift"></em>
                            <span id="J_footerPrice">闪电配送</span>
                        </a>
                        </li>
                        <li><a rel="nofollow" href="#" target="_blank">
                            <em class="iconfont-location"></em>售后无忧
                        </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links clearfix">
                    <dl class="col-links col-links-first">
                        <dt>帮助中心</dt>
                        <dd><a href="https://www.machenike.com/help/21.html" title="联系我们" target="_blank">联系我们</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/26.html" title="品牌介绍" target="_blank">品牌介绍</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/27.html" title="营业执照" target="_blank">营业执照</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/28.html" title="版权声明" target="_blank">版权声明</a>
                        </dd>
                    </dl>
                    <dl class="col-links ">
                        <dt>服务保证</dt>
                        <dd><a href="https://www.machenike.com/help/22.html" title="服务标准" target="_blank">服务标准</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/23.html" title="售后保修" target="_blank">售后保修</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/24.html" title="驱动下载" target="_blank">驱动下载</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/25.html" title="线下体验店" target="_blank">线下体验店</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/29.html" title="用户协议" target="_blank">用户协议</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/30.html" title="隐私保护" target="_blank">隐私保护</a>
                        </dd>
                    </dl>
                    <dl class="col-links ">
                        <dt>会员中心</dt>
                        <dd><a href="https://www.machenike.com/help/14.html" title="我的订单" target="_blank">我的订单</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/6.html" title="我的收藏" target="_blank">我的收藏</a>
                        </dd>
                        <dd><a href="https://www.machenike.com/help/5.html" title="资金管理" target="_blank">资金管理</a>
                        </dd>
                    </dl>
                    <dl class="col-links ">
                        <dt>配送与支付</dt>
                        <dd><a href="https://www.machenike.com/help/2.html" title="支付方式说明"
                               target="_blank">支付方式说明</a></dd>
                        <dd><a href="https://www.machenike.com/help/8.html" title="配送支付" target="_blank">配送支付</a>
                        </dd>
                    </dl>
                    <dl class="col-links ">
                        <dt>新手上路</dt>
                        <dd><a href="https://www.machenike.com/help/18.html" title="购物流程" target="_blank">购物流程</a>
                        </dd>
                    </dl>
                    <dl class="col-links ">
                        <dt>特色服务</dt>
                        <dd><a rel="nofollow" href="#" target="_blank">F 码通道</a></dd>
                        <dd><a rel="nofollow" href="#" target="_blank">礼物码</a></dd>
                        <dd><a rel="nofollow" href="#" target="_blank">防伪查询</a></dd>
                    </dl>
                    <div class="col-contact">
                        <div class="col-links" style="width: 100px; float: left">
                            <p
                                    style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">
                                官方微博</p>
                            <a href="javascript:;"><img src="/imag/guanweibo.png"
                                                        width="79px" alt=""></a>
                        </div>
                        <div class="col-links" style="width: 100px; float: left">
                            <p
                                    style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">
                                绑定设备</p>
                            <a href="javascript:;"><img src="/imag/gongzhonghao.png"
                                                        width="79px" alt=""></a>
                        </div>
                        <div class="col-links" style="width: 100px; float: left">
                            <p
                                    style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">
                                微信订阅号</p>
                            <a href="javascript:;"><img src="/imag/dingyue.jpg"
                                                        width="79px" alt=""></a>
                        </div>
                        <div class="col-links" style="width: 100px; float: left">
                            <p
                                    style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">
                                机械师抖音</p>
                            <a href="javascript:;"><img src="/imag/douying1.png"
                                                        width="79px" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-info">
            <div class="container">
                <div class="logo ir">小米官网</div>
                <div class="info-text">
                    <span>友情链接 : </span>
                    <div class="links-wrap" style="width: 900px;">
                        <a href="https://gamepp.com" title="游戏加加" target="_blank_">游戏加加</a>
                        <a href="http://www.jixunjsq.com" title="极迅加速器" target="_blank_">极迅加速器</a>
                        <a href="https://www.shenyou.cn/" title="神游网" target="_blank_">神游网</a>
                        <a href="https://www.zywjw.com/" title="专业玩家" target="_blank_">专业玩家</a>
                        <a href="http://www.xitong520.com" title="win10系统" target="_blank_">win10系统</a>
                    </div>
                    <p class="sites">
                        <a rel="nofollow" href="#" target="_blank">北京互联网法院法律服务工作站</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">中国消费者协会</a>
                        <span class="sep">|</span> <a rel="nofollow" href="#" target="_blank">北京市消费者协会</a>
                    </p>
                    <p>
                    <p id="copyright_desc"></p>
                    <p>
                        <a id="copyright_companyname" href="javascript:;" target="_blank"></a>
                        <span id="copyright_meta"></span>
                    </p>
                    <p id="web_gov_record_wap">
                        <a href="javascript:;" target="_blank">
                            <img src="/imag/gov_record.png" alt="公安备案">
                            <span></span>
                        </a>
                    </p>
                    </p>
                </div>
                <div class="info-links">
                    <a rel="nofollow" href="#" target="_blank">
                        <img rel="nofollow" src="/imag/renzheng.jpg" alt="TRUSTe Privacy Certification"></a>
                    <a rel="nofollow" href="#" target="_blank">
                        <img rel="nofollow" src="/imag/aqkx_83x30(1).png" alt="诚信网站"></a>
                    <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="#" target="_blank">
                        <img rel="nofollow" src="/imag/aqkx_83x30.png" alt="可信网站"></a>
                    <a rel="nofollow" href="#" target="_blank">
                        <img rel="nofollow" src="/imag/label_sm_90030.png" alt="诚信经营 放心消费"></a>
                    <a rel="nofollow" href="#" class="safe-auth J_safeAuth">
                        <img rel="nofollow" src="/imag/sm_83x30(1).png" class="img1">
                        <img rel="nofollow" src="img/home/wangzhananquan.png" class="img2">
                    </a>
                </div>
            </div>
            <div class="slogan ir"></div>
        </div>
    </div>


    <!-- footernew -->



</div>

<input type="text" name="checkalltemp" id="checkalltemp" value="false" hidden>



<!--<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"-->
<!--        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"-->
<!--        crossorigin="anonymous"></script>-->
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"-->
<!--        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"-->
<!--        crossorigin="anonymous"></script>-->
<!--<script src="js/index.js"></script>-->

</body>

</html>
